
.fade-enter-active {
  transition: opacity .5s
}

.fade-enter /* .fade-leave-active in <2.1.8 */
{
  opacity: 0
}

.fade-enter-to /* .fade-leave-active in <2.1.8 */
{
  opacity: 1
}

.fade-leave-active {
  transition: 1s;
  transform-origin: bottom;
}

.fade-leave-to {
  animation: fade-leave 1.5s forwards;
}


@keyframes fade-leave {
  0% {
    transform: rotateX(0deg) translateY(0px);
  }
  80% {
    transform: rotateX(60deg) translateY(0px);
  }
  100% {
    transform: rotateX(60deg) translateY(-600px);
  }
}
